<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>理想80聊Web - 书籍</title>
    <link href="./static/css/common.css" rel="stylesheet">
</head>

<body>
    <header>
        <nav>
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="road.html">路线</a></li>
                <li><a href="qa.html">问答</a></li>
                <li><a href="books.html" class="active">书籍</a></li>
                <li><a href="tools.html">工具</a></li>
                <li><a href="glossary.html">术语</a></li>
                <li><a href="links.html">友链</a></li>
            </ul>
        </nav>
    </header>

    <div id="container">


        <section id="title-area">
            <h1>理想80聊Web</h1>
            <p>经典书籍，工作之余，反复研读，温故知新。</p>
        </section>

        <main id="content">

            <div>
                <h2> TIPS:</h2>
                <p>
                    书籍依然是最好的学习工具，因为它是成体系的。
                    网络日益发达，文章视频多如牛毛，但是这它们都过于分散，分散精力。
                    工作之余，买些时下热销的专业书籍，温故知新，不断成长。
                </p>

            </div>


            <section class="book">
                <img src="./static/img/html5css3.jpeg" class="book-img">
                <div>
                    <h2>HTML5和CSS3基础教程（第9版）</h2>
                    <p>
                        本书系统地讲解了HTML5和CSS3基础知识以及实际运用技术，通过大量实例深入浅出地分析网页制作的方方面面。
                    </p>
                    <p class="book-intro">
                        书中不仅介绍了文本、链接、媒体、表格、列表、表单等网页元素，而且介绍了如何为网页设计布局，添加动态效果等；另外，还涉及上线、测试、优化和无障碍性等内容。通过学习本书，初级水平的读者即可创建网站，而中高级水平的开发人员也可以快速了解HTML5新元素、CSS3的奇幻效果、响应式Web设计以及各种最佳实践。
                    </p>
                </div>
            </section>

            <section class="book">
                <img src="./static/img/cssindepth.jpeg" class="book-img">
                <div>
                    <h2>深入解析 CSS</h2>
                    <p>
                        本书旨在帮你深度掌握CSS语言，并快速了解CSS的新进展和新特性。书中不仅有讲解透彻的概念介绍，而且还有详细的分步示例，能够帮助你提升Web开发技能，并激发设计灵感，让你成为真正的Web开发高手。
                    </p>
                    <p class="book-intro">
                        CSS入门容易，但精通不易。学习CSS并不是学习一两个小技巧，而是要理解这门语言的方方面面，并知道如何将其搭配使用。不管你是入行不久的新手，还是有一定经验但需要提升CSS技能的开发人员，这本书都能帮助你紧跟CSS发展的步伐。
                    </p>
                </div>
            </section>

            <section class="book">
                <img src="./static/img/css3.jpeg" class="book-img">
                <div>
                    <h2>精通 CSS（第3版）</h2>
                    <p>
                        本书是CSS设计经典图书升级版，结合CSS近年来的发展，尤其是CSS3和HTML5的特性，对内容进行了全面改写。
                    </p>
                    <p class="book-intro">
                        本书介绍了涉及字体、网页布局、响应式Web设计、表单、动画等方面的实用技巧，并讨论了如何实现稳健、灵活、无障碍访问的Web设计，以及在技术层面如何实现跨浏览器方案和后备方案。本书还介绍了一些鲜为人知的高级技巧，让你的Web设计脱颖而出。
                    </p>
                </div>
            </section>

            <section class="book">
                <img src="./static/img/js4.jpeg" class="book-img">
                <div>
                    <h2>JavaScript高级程序设计（第4版）</h2>
                    <p>
                        本书是JavaScript经典图书的新版。第4版全面、深入地介绍了JavaScript开发者必须掌握的前端开发技术，涉及JavaScript的基础特性和高级特性。
                    </p>
                    <p class="book-intro">
                        书中详尽讨论了JavaScript的各个方面，从JavaScript的起源开始，逐步讲解到新出现的技术，其中重点介绍ECMAScript和DOM标准。在此基础上，接下来的各章揭示了JavaScript的基本概念，包括类、期约、迭代器、代理，等等。另外，书中深入探讨了客户端检测、事件、动画、表单、错误处理及JSON。本书同时也介绍了近几年来涌现的重要新规范，包括Fetch
                        API、模块、工作者线程、服务线程以及大量新API。
                    </p>
                </div>
            </section>

            <section class="book">
                <img src="./static/img/js7.jpeg" class="book-img">
                <div>
                    <h2>JavaScript权威指南（第7版）</h2>
                    <p>近25年来，这本畅销书一直是几十万JavaScript程序员必读的技术著作，本版已经更新到涵盖JavaScript的2020版。书中令人深思、富有启发性的示例随处可见。
                    </p>
                    <p class="book-intro">
                        本书介绍JavaScript语言和由浏览器与Node实现的JavaScript
                        API。本书适合有一定编程经验、想学习JavaScript读者，也适合已经在使用JavaScript但希望更深入地理解进而真正掌握这门语言的程序员。
                    </p>
                </div>
            </section>

            <section class="book">
                <img src="./static/img/nodejs.jpeg" class="book-img">
                <div>
                    <h2>Node.js实战（第2版）</h2>
                    <p>
                        Node.js核心框架贡献者力作，展示Node核心技巧。
                    </p>
                    <p class="book-intro">
                        本书是在《Node.js实战》基础上打造的全新著作，由多位Node核心框架构建者和经验丰富的Web开发人员执笔，结合大量实例介绍如何用JavaScript和Node创建高性能的Web服务器，涵盖异步编程、状态管理、事件驱动编程等关键设计理念，旨在帮助读者成功晋级全栈开发。
                    </p>
                </div>
            </section>

            <section class="book">
                <img src="./static/img/vuejs.jpeg" class="book-img">
                <div>
                    <h2>Vue.js设计与实现</h2>
                    <p>
                        本书基于Vue.js3，从规范出发，以源码为基础，并结合大量直观的配图，循序渐进地讲解Vue.js中各个功能模块的实现，细致剖析框架设计原理。
                    </p>
                    <p class="book-intro">
                        全书共18章，分为六篇，主要内容包括：框架设计概览、响应系统、渲染器、组件化、编译器和服务端渲染等。通过阅读本书，对Vue.js
                        2/3具有上手经验的开发人员能够进一步理解Vue.js框架的实现细节，没有Vue.js使用经验但对框架设计感兴趣的前端开发人员，能够快速掌握Vue.js的设计原理。
                    </p>
                </div>
            </section>


            <section id="e-book">
                <h2>电子书</h2>
                <ul>
                    <li><a href="https://github.com/jamiebuilds/babel-handbook/blob/master/translations/zh-Hans/README.md"
                            target="_blank" rel="noopener noreferrer">Babel 手册
                            <span>
                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px"
                                    y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound">
                                    <path fill="currentColor"
                                        d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z">
                                    </path>
                                    <polygon fill="currentColor"
                                        points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9">
                                    </polygon>
                                </svg>
                                <span class="sr-only">(opens new window)</span>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="https://tc39.es/ecma262/" target="_blank" rel="noopener noreferrer">ECMAScript
                            Specification
                            <span>
                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px"
                                    y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound">
                                    <path fill="currentColor"
                                        d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z">
                                    </path>
                                    <polygon fill="currentColor"
                                        points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9">
                                    </polygon>
                                </svg>
                                <span class="sr-only">(opens new window)</span>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="https://git-scm.com/book/zh/v2" target="_blank" rel="noopener noreferrer">Pro Git
                            <span>
                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px"
                                    y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound">
                                    <path fill="currentColor"
                                        d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z">
                                    </path>
                                    <polygon fill="currentColor"
                                        points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9">
                                    </polygon>
                                </svg>
                                <span class="sr-only">(opens new window)</span>
                            </span>
                        </a>
                    </li>
                </ul>
            </section>
        </main>


        <footer>
            <section>
                MIT Licensed | Copyright © <span id="year">2023</span>
                <a href="index.html">理想80聊Web</a>
                <a href="https://beian.miit.gov.cn/" target="_blank">蜀ICP备16014488号-1</a>
            </section>
        </footer>

    </div>
</body>

</html>